import { PureComponent } from 'react';
import {
	Row,
	Col,
	Form,
	Input,
	Select,
	Modal,
	DatePicker,
	Button
} from 'antd';
import styles from './ProUserList.less';
import memberShip from '@/assets/member_ship.png';
import memberShip2 from '@/assets/member_ship2.png';
const FormItem = Form.Item;
const { Option } = Select;
const { TextArea } = Input;

@Form.create()
class MemberShipModal extends PureComponent {
	
	constructor(props) {
	    super(props);
	    this.state = {
			
	    }
	}
	
	
	okHandle = () => {
		const { form,handleAddByMembership } = this.props;
		form.validateFields((err, fieldsValue) => {
			if (err) return;
			form.resetFields();
			handleAddByMembership();
		});
	};

  render() {
  		const {
			modalVisibleByMembership,
			form,
			handleModalVisibleByMembership,
		} = this.props;
return (
    <Modal
width={1000}
centered
destroyOnClose
title="人员花名册"
visible={modalVisibleByMembership}
onOk={this.okHandle}
onCancel={() => handleModalVisibleByMembership()}
>
<div style={{width: '100%',height: '530px',overflow: 'auto',textAlign: 'center',position: 'relative'}}>
	<img alt="" src={memberShip} style={{width: '80%'}}/>
	<img alt="" src={memberShip2} style={{width: '80%'}}/>
</div>
</Modal>
);
  }

}

export default MemberShipModal;